<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>WBC聊天室</title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/wbc.talk.css"/>
    <script src="js/mui.min.js"></script>
</head>
<body>
	
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title">WBCTalk登录</h1>
	</header>
	<div class="mui-content">
		<form id='login-form' class="mui-input-group">
			<div class="mui-input-row">
				<label>账号</label>
				<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
			</div>
			<div class="mui-input-row">
				<label>密码</label>
				<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
			</div>
		</form>

		<div class="mui-content-padded">
			<button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
		</div>
	</div>
	
	<script type="text/javascript" charset="utf-8">
      	mui.init();
      	var login = document.getElementById('login');
      	login.onclick = function() {
      		location.href = "talk.html";
      	};
    </script>
</body>
</html>